<%@ taglib prefix="s" uri="http://www.springframework.org/tags/form" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="../common/taglibs.jsp" %>
<html>
<head>
    <title>Title</title>
    <script src="${ctx}/js/views/specially/searchBlackList.js"></script>
</head>
<body ng-app="myApp" style="overflow:scroll;overflow-x:hidden">

<core:import url="../common/pageHead.jsp">
    <core:param name="title" value="查询黑名单信息 "/>
</core:import>

<div ng-controller="queryCtrl" class="container-fluid">
    <form id="queryForm" name="queryForm" action="${ctx}/riskInfo/blackListQuery/search"
          class="form-inline" autocomplete="off">
        <table table-detail>
            <tr>
                <td class="text-right">
                    商户名称：
                </td>
                <td>
                    <input type="text" ng-model="vm.queryBean.regName"class="{{vm.constant.inputClass}}" name="regName"/>
                </td>
                <td class="text-right">
                    商户简称：
                </td>
                <td>
                    <input type="text" ng-model="vm.queryBean.cusName"class="{{vm.constant.inputClass}}" name="cusName"/>
                </td>
                <td class="text-right">
                    法人证件号码：
                </td>
                <td>
                    <input type="text" ng-model="vm.queryBean.docCode"class="{{vm.constant.inputClass}}" name="docCode"/>
                </td>
            </tr>

            <tr>
                <td class="text-right">
                    法人证件类型：
                </td>
                <td>
                    <select ng-model="vm.queryBean.docType" class="{{vm.constant.inputClass}}"
                            required name="docType"
                            ng-options="key as value for (key,value) in vm.cache.LEGAL_CREDENTIALS_TYPE">
                        <option value="">请选择</option>
                    </select>
                </td>
                <%--<td class="text-right">
                    删除标识：
                </td>
                <td>
                    <select ng-model="vm.queryBean.deleteFlag" class="{{vm.constant.inputClass}}"
                            required name="deleteFlag"
                            ng-options="key as value for (key,value) in {'01':'删除','00':'正常'}">
                        <option value="">请选择</option>
                    </select>
                </td>--%>
                <td class="text-right">
                    状态：
                </td>
                <td>
                    <select ng-model="vm.queryBean.validStatus" class="{{vm.constant.inputClass}}"
                            required name="validStatus"
                            ng-options="key as value for (key,value) in {'01':'有效','02':'失效'}">
                        <option value="">请选择</option>
                    </select>
                </td>
                <td class="text-right">
                    类型：
                </td>
                <td>
                    <select ng-model="vm.queryBean.type" class="{{vm.constant.inputClass}}"
                            required name="type"
                            ng-options="key as value for (key,value) in {'01':'黑名单','02':'风险提示名单'}">
                        <option value="">请选择</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td colspan="8" class="textCenter">
                    <button type="button" ng-click="vm.queryDetail()" class="btn btn-default">查询</button>
                    <button type="button" ng-click="vm.resetForm()" class="btn btn-default">重置</button>
                </td>
            </tr>
        </table>
    </form>

    <div>
        <table table-detail>
            <thead>
            <tr>
                <th>商户名称</th>
                <th>商户简称</th>
                <th>法人证件类型</th>
                <th>法人证件号码</th>
                <th>法定代表人姓名</th>
                <th>法定代表人证件类型</th>
                <th>法定代表人（负责人）证件号码</th>
                <th>风险类型</th>
                <th>有效性</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody ng-repeat="bean in vm.pagination.list track by $index" >
                <tr>
                    <td>{{bean.regName}}</td>
                    <td>{{bean.cusName}}</td>
                    <td>{{vm.cache.LEGAL_CREDENTIALS_TYPE[bean.docType]}}</td>
                    <td>{{bean.docCode}}</td>
                    <td>{{bean.legDocName}}</td>
                    <td>{{vm.cache.LEGAL_CREDENTIALS_TYPE[bean.legDocType]}}</td>
                    <td>{{bean.legDocCode}}</td>
                    <td>{{vm.cache.MERCHANT_RISK_TYPE[bean.riskType]}}</td>
                    <td>{{vm.cache.VALIDITY[bean.validStatus]}}</td>
                    <td>
                        <%--<button ng-click="vm.queryBlackDetail(bean)">详情</button>--%>
                        <button type="button" class="btn btn-info btn-sm"  ng-click="vm.queryBlackDetail(bean)" title="打开风险信息详情页面">查看详情</button>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>

    <core:import url="../common/pageFoot.jsp"/>
</div>
<core:import url="../common/nav.jsp"/>
</body>
</html>
